iT邦幫忙

2022 iThome 鐵人賽

DAY 18
0

而在測試上,為了要讓盡可能符合「以接近真實的使用方式來進行測試」的原則,並且要兼顧可讀性,在選擇器的使用上就會建議盡可能使用官方列出的這些選擇器:

  1. ByRole
  2. ByLabelText
  3. ByPlaceholderText
  4. ByText
  5. ByDisplayValue
  6. ByAltText
  7. ByTitle
  8. ByTestId

不過有時候難免會遇到這些選擇器無法滿足需求的情況,其實也不用太擔心,其實 Testing Library 的 render 還是有回傳一個 container 的物件,可以透過這個物件去使用我們熟悉的 querySelector 等方法,這樣基本上還是可以讓你選中想要的物件。

但建議可能的話還是避免使用,把這當成最後手段就好,因為使用 CSS 選擇器的情況,在測試結果不通過時,你並不太容易從測試的 code 去看出具體哪個元素的問題。


上一篇
Testing Library - 以接近真實的使用方式來進行測試
下一篇
使用 Tailwind CSS 更好的管理樣式
系列文
前端開發維護筆記 - 打造健康的前端專案27
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言